<template>
	<ul class="btnList">
		<li v-for="(item, index) in btnList" :key="index">
			{{ item }}
		</li>
	</ul>
</template>

<script setup lang="ts">
import { ref } from 'vue'
let btnList = ref(['全部', '医', '食', '住', '行', '学'])
</script>

<style lang="less" scoped>
.btnList {
	display: flex;

	li {
		cursor: pointer;
		margin: 20px 0px 20px 20px;
		width: 60px;
		height: 22px;
		line-height: 22px;
		border: 1px solid;
		text-align: center;
		// box-shadow: 0px 1px 3px 1px rgba(43, 157, 255, 0.7);
		box-shadow: 0px 2px 4px 0px rgba(43, 157, 255, 0.93);
		border-radius: 11px;
		color: #69b2ff;
		font-size: 11px;
		font-family: Source Han Sans CN;
		font-weight: 400;
	}
}
</style>
